<!DOCTYPE html>
<html>
<head>
    <title>订单详情</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="author" content="">
    <meta name="description" content="至上会计移动端CRM管理系统">
    <link rel="stylesheet" href="../lib/weui.min.css">
    <link rel="stylesheet" href="../css/jquery-weui.css">
    <link rel="stylesheet" href="css/mywe.css">
    <link rel="stylesheet" href="css/shop.css">
</head>
<body ontouchstart>
    <div class="main orders">
        <div class="orderlist">
            <div class="weui-cells__title">订单号：2017101400001</div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">服务名称：</label></div>
                    <div class="weui-cell__bd">
                        <p>公司无地址注册</p>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">服务单价：</label></div>
                    <div class="weui-cell__bd">
                        <p class="color-red">¥<span>3900</span></p>
                    </div>
                </div>
                <div class="weui-cell weui-cell_vcode">
                    <div class="weui-cell__hd"><label class="weui-label">服务地址：</label></div>
                    <div class="weui-cell__bd">
                        <p>浙江省 杭州市 西湖区</p>
                    </div>
                    <div class="weui-cell__ft">
                        <button class="weui-vcode-btn">
                            <span>更改</span>
                            <input type="text" class="city-picker">
                        </button>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">服务数量：</label></div>
                    <div class="weui-cell__bd weui-flex text-center">
                        <button class="weui-btn weui-btn_mini weui-btn_default minus">-</button>
                        <input class="weui-flex__item text-center weui-input" type="number" pattern="[0-9]*" value="1">
                        <button class="weui-btn weui-btn_mini weui-btn_default add">+</button>
                    </div>
                </div>
            </div>
            <div class="height8"></div>
            <div class="weui-cells">
                <a class="weui-cell weui-cell_access" href="choose.html">
                    <div class="weui-cell__hd"><label class="weui-label">指定服务者：</label></div>
                    <div class="weui-cell__bd">
                        <p>未指定</p>
                    </div>
                    <div class="weui-cell__ft">指定/更改</div>
                </a>
            </div>
            <div class="height8"></div>
            <div class="weui-cells__title">请选择服务完成后相关文件等获取方式</div>
            <div class="weui-cells weui-cells_radio weui-flex">
                <label class="weui-cell weui-check__label weui-flex__item" for="x11">
                    <div class="weui-cell__bd">
                        <p>您上门取</p>
                    </div>
                    <div class="weui-cell__ft">
                        <input type="radio" class="weui-check" name="radio1" id="x11" checked="checked" value="0">
                        <span class="weui-icon-checked"></span>
                    </div>
                </label>
                <label class="weui-cell weui-check__label weui-flex__item" for="x12">
                    <div class="weui-cell__bd">
                        <p>我们送达</p>
                    </div>
                    <div class="weui-cell__ft">
                        <input type="radio" name="radio1" class="weui-check" id="x12" value="1">
                        <span class="weui-icon-checked"></span>
                    </div>
                </label>
            </div>
            <div class="weui-panel weui-panel_access myaddress">
                <div class="weui-panel__bd">
                    <div class="weui-media-box weui-media-box_text">
                        <h4 class="weui-media-box__title">您的地址为：</h4>
                        <p class="weui-media-box__desc">浙江省杭州市西湖区萍水西路61号浙江省杭州市西湖区萍水西路61号</p>
                        <p class="weui-media-box__desc">对不起，我们暂时没有你的地址信息，请在"<a href="">个人信息中心</a>"中补全您的个人信息</p>
                    </div>
                </div>
            </div>
            <div class="height8"></div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <textarea class="weui-textarea" placeholder="您还有什么要求？" rows="5" maxlength="1500"></textarea>
                    </div>
                </div>
            </div>
            <div class="height8"></div>
        </div>
    </div>
    <footer class="weui-flex">
        <div href="shopcart.html" class="order-money color-gray">
            <span class="small">优惠：&nbsp;</span>
            <span class="small">0元</span>&nbsp;&nbsp;
            <span class="small">应付：&nbsp;</span>
            <span class="color-red"><span class="total">0</span>元</span>
        </div>
        <a href="" class="weui-flex__item bg-danger order-footer">去支付</a>
    </footer>

    <script src="../lib/jquery-2.1.4.js"></script>
    <script src="../lib/fastclick.js"></script>
    <script src="../js/jquery-weui.min.js"></script>
    <script src="../js/city-picker.min.js"></script>
    <script>
        $(".weui-vcode-btn").on("click",function () {
            var that = $(this);
            var picker = $(this).parents(".weui-cell__ft").find(".city-picker");
            picker.cityPicker({
                title:"请选择您的所在地",
                onClose:function () {
                    var check=picker.val();
                    that.parents(".weui-cell").find(".weui-cell__bd p").text(check);
                }
            });
        });
        if ($(".weui-cells_radio label input:checked").val()==1){
            $(".myaddress").show();
        }else {
            $(".myaddress").hide();
        }
        $(".weui-cells_radio label").click(function () {
            var type = $(this).find("input:checked").val();
            if (type==1){
                $(".myaddress").slideDown();
            }else {
                $(".myaddress").slideUp();
            }
        })
    </script>

</body>
</html>